/*---------公共的-----------*/
.justify-content-center{
    display: flex;
    justify-content: center;
}
.justify-content-between{
    display: flex;
    justify-content: space-between;
}
.align-items-center{
    display: flex;
    align-items: center;
}
.justify-content-right{
    display: flex;
    justify-content: right;
}
.align-items-end{
    display: flex;
    align-items: flex-end;
}
.justify-content-left{
    display: flex;
    justify-content: left;
}
/*单行溢出*/
.single-over{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*多行溢出*/
.many-over {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.title{
    border-left: 4px solid red;
    padding-left: 10px;
    margin: 50px 0 50px 0;
}
.title > div:nth-child(2){
    color: gray;
    font-size: 12px;
    margin-left: 5px;
}

.body{
    margin: 0;
}
.body > div{
    width: 1500px;
}
.border-red{
    border: 1px solid red;
}
.border-green{
    border: 1px solid green;
}
.border-yellow{
    border: 1px solid yellow;
}
